@charset "utf-8";
*{margin:0px; padding:0px;}
body{overflow-x: hidden}
html{color:#000;background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:"微软雅黑";font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{ font-family: "微软雅黑"; color:#666;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
a ,a:hover{color:#666; text-decoration:none;}
.mt10{ margin-top:10px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
.clear{ clear:both;}
/* font
--------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 100%;
font-weight:bold;
}
/* list
--------------------------------------------------------------------*/
ol,ul {list-style-type: none;}
li {list-style: none;}
/* form
--------------------------------------------------------------------*/
input, select, textarea, button {
font-size: inherit;
line-height: inherit;
}
button {
cursor: pointer;
}
/* table
--------------------------------------------------------------------*/
table, thead, tbody, tfoot, tr, th, td,
caption, col, colgroup {
text-align: inherit;
line-height: inherit;
font-size: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
thead {display: table-header-group;}
tbody {display: table-row-group;}
tfoot {display: table-footer-group;}
tr {display: table-row;}
th,td {display: table-cell;}
caption {display: table-caption;}
col {display: table-column;}
colgroup {display: table-column-group;}
/* clearfix
--------------------------------------------------------------------*/
.clear:after,.main:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear {
clear:both; /*控制分类后，各行高度不一样对不齐问题*/
width:100%;
height:0px;
font-size:0;
overflow:hidden; /*控制分类后，各行高度不一样对不齐问题*/
}
.clear,.main {display: inline-block;}/*IE7用*/
* html .clear,* html .main { zoom: 1; display: inline-block;}/* Hides from IE-mac \*/
.clear,.main{ display:block;}/* End hide from IE-mac */
.clear {/*clear: both;height:1px;margin-top:-1px;overflow:hidden;*/}
.zoom{ zoom: 1; overflow: hidden;}
/* heading
--------------------------------------------------------------------*/
h1 strong,h1 em,h2 strong,h2 em,h3 strong,h3 em,h4 strong,
h4 em,h5 strong,h5 em,h6 strong,h6 em {
font-weight: inherit;
_font-weight: expression(this.parentNode.currentStyle.fontWeight);
*font-weight: expression(this.parentNode.currentStyle.fontWeight);
}
/* 主体布局部分
--------------------------------------------------------------------*/
.grid_01 { width:10px }
.grid_02 { width:20px } .grid_03 { width:30px } .grid_04 { width:40px } .grid_05 { width:50px }
.grid_06 { width:60px } .grid_07 { width:70px } .grid_08 { width:80px } .grid_09 { width:90px }
.grid_10 { width:100px } .grid_11 { width:110px } .grid_12 { width:120px } .grid_13 { width:130px }
.grid_14 { width:140px } .grid_15 { width:150px } .grid_16 { width:160px } .grid_17 { width:170px }
.grid_18 { width:180px } .grid_19 { width:190px } .grid_20 { width:200px } .grid_21 { width:210px }
.grid_22 { width:220px } .grid_23 { width:230px } .grid_24 { width:240px } .grid_25 { width:250px }
.grid_26 { width:260px } .grid_27 { width:270px } .grid_28 { width:280px } .grid_29 { width:290px }
.grid_30 { width:300px } .grid_31 { width:310px } .grid_32 { width:320px } .grid_33 { width:330px }
.grid_34 { width:340px } .grid_35 { width:350px } .grid_36 { width:360px } .grid_37 { width:370px }
.grid_38 { width:380px } .grid_39 { width:390px } .grid_40 { width:400px } .grid_41 { width:410px }
.grid_42 { width:420px } .grid_43 { width:430px } .grid_44 { width:440px } .grid_45 { width:450px }
.grid_46 { width:460px } .grid_47 { width:470px } .grid_48 { width:480px } .grid_49 { width:490px }
.grid_50 { width:500px } .grid_51 { width:510px } .grid_52 { width:520px } .grid_53 { width:530px }
.grid_54 { width:540px } .grid_55 { width:550px } .grid_56 { width:560px } .grid_57 { width:570px }
.grid_58 { width:580px } .grid_59 { width:590px } .grid_60 { width:600px } .grid_61 { width:610px }
.grid_62 { width:620px } .grid_63 { width:630px } .grid_64 { width:640px } .grid_65 { width:650px }
.grid_66 { width:660px } .grid_67 { width:670px } .grid_68 { width:680px } .grid_69 { width:690px }
.grid_70 { width:700px } .grid_71 { width:710px } .grid_72 { width:720px } .grid_73 { width:730px }
.grid_74 { width:740px } .grid_75 { width:750px } .grid_76 { width:760px } .grid_77 { width:770px }
.grid_78 { width:780px } .grid_79 { width:790px } .grid_80 { width:800px } .grid_81 { width:810px }
.grid_82 { width:820px } .grid_83 { width:830px } .grid_84 { width:840px } .grid_85 { width:850px }
.grid_86 { width:860px } .grid_87 { width:870px } .grid_88 { width:880px } .grid_89 { width:890px }
.grid_90 { width:900px } .grid_91 { width:910px } .grid_92 { width:920px } .grid_93 { width:930px }
.grid_94 { width:940px } .grid_95 { width:950px } .grid_96 { width:960px } .grid_97 { width:970px }
.grid_98 { width:980px } .grid_99 { width:990px }
.grid { width: 100%;} .grid_2_1{ width: 50%;} .grid_3_1{ width: 33.3%;} .grid_4_1{ width:25% }
.grid_01,.grid_02,.grid_03,.grid_04,.grid_05,.grid_06,.grid_07,.grid_08,.grid_09,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_21,.grid_22,.grid_23,.grid_24,.grid_25,.grid_26,.grid_27,.grid_28,.grid_29,.grid_30,.grid_31,.grid_32,.grid_33,.grid_34,.grid_35,.grid_36,.grid_37,.grid_38,.grid_39,.grid_40,.grid_41,.grid_42,.grid_43,.grid_44,.grid_45,.grid_46,.grid_47,.grid_48,.grid_49,.grid_50,.grid_51,.grid_52,.grid_53,.grid_54,.grid_55,.grid_56,.grid_57,.grid_58,.grid_59,.grid_60,.grid_61,.grid_62,.grid_63,.grid_64,.grid_65,.grid_66,.grid_67,.grid_68,.grid_69,.grid_70,.grid_71,.grid_72,.grid_73,.grid_74,.grid_75,.grid_76,.grid_77,.grid_78,.grid_79,.grid_80,.grid_81,.grid_82,.grid_83,.grid_84,.grid_85,.grid_86,.grid_87,.grid_88,.grid_89,.grid_90,.grid_91,.grid_92,.grid_93,.grid_94,.grid_95,.grid_96,.grid_97,.grid_98,.grid_99,.grid,.grid_2_1,.grid_3_1,.grid_4_1{ float: left; text-align: left;}
.grid_20{ margin-top: 20px; float:left; margin-bottom: 20px; }
/* margin */
.mg_auto { margin:auto; float:none;} .mg00 { margin:0px}
.mg05 { margin:5px} .mg10 { margin:10px}
.mg15 { margin:15px} .mg20 { margin:20px}
.mg25 { margin:25px} .mg30 { margin:30px}
.mg35 { margin:35px} .mg40 { margin:40px}
.mg45 { margin:45px} .mg50 { margin:50px}
.mt00 { margin-top: 0px}
.mt05 { margin-top: 5px} .mt10 { margin-top: 10px}
.mt15 { margin-top: 15px} .mt20 { margin-top: 20px}
.mt25 { margin-top: 25px} .mt30 { margin-top: 30px}
.mt35 { margin-top: 35px} .mt40 { margin-top: 40px}
.mt45 { margin-top: 45px} .mt50 { margin-top: 50px}
.mb00 { margin-bottom: 0}
.mb05 { margin-bottom: 5px} .mb10 { margin-bottom: 10px}
.mb15 { margin-bottom: 15px} .mb20 { margin-bottom: 20px}
.mb30 { margin-bottom: 30px} .mb35 { margin-bottom: 35px}
.mb40 { margin-bottom: 40px} .mb45 { margin-bottom: 45px}
.mb50 { margin-bottom: 50px}
.mr00 { margin-right: 0}
.mr05 { margin-right: 5px} .mr10 { margin-right: 10px}
.mr15 { margin-right: 15px} .mr20 { margin-right: 20px}
.mr25 { margin-right: 25px} .mr30 { margin-right: 30px}
.mr35 { margin-right: 35px} .mr40 { margin-right: 40px}
.mr45 { margin-right: 45px} .mr50 { margin-right: 50px}
.ml00 { margin-left: 0}
.ml05 { margin-left: 5px} .ml10 { margin-left: 10px}
.ml15 { margin-left: 15px} .ml20 { margin-left: 20px}
.ml25 { margin-left: 25px} .ml30 { margin-left: 30px}
.ml35 { margin-left: 35px} .ml40 { margin-left: 40px}
.ml45 { margin-left: 45px} .ml50 { margin-left: 50px}
/* padding */
.pd00 { padding:0px}
.pd05 { padding:5px} .pd10 { padding:10px}
.pd15 { padding:15px} .pd20 { padding:20px}
.pd25 { padding:25px} .pd30 { padding:30px}
.pd35 { padding:35px} .pd40 { padding:40px}
.pd45 { padding:45px} .pd50 { padding:50px}
.pt00 { padding-top:0px}
.pt05 { padding-top: 5px} .pt10 { padding-top: 10px}
.pt15 { padding-top: 15px} .pt20 { padding-top: 20px}
.pt25 { padding-top: 25px} .pt30 { padding-top: 30px}
.pt35 { padding-top: 35px} .pt40 { padding-top: 40px}
.pt45 { padding-top: 45px} .pt50 { padding-top: 50px}
.pb00 { padding-bottom: 0}
.pb05 { padding-bottom: 5px} .pb10 { padding-bottom: 10px}
.pb15 { padding-bottom: 15px} .pb20 { padding-bottom: 20px}
.pb25 { padding-bottom: 25px} .pb30 { padding-bottom: 30px}
.pb35 { padding-bottom: 35px} .pb40 { padding-bottom: 40px}
.pb45 { padding-bottom: 45px} .pb50 { padding-bottom: 50px}
.pr00 { padding-right: 0}
.pr05 { padding-right: 5px} .pr10 { padding-right: 10px}
.pr15 { padding-right: 15px} .pr20 { padding-right: 20px}
.pr25 { padding-right: 25px} .pr30 { padding-right: 30px}
.pr35 { padding-right: 35px} .pr40 { padding-right: 40px}
.pr45 { padding-right: 45px} .pr50 { padding-right: 50px}
.pl00 { padding-left: 0}
.pl05 { padding-left: 5px} .pl10 { padding-left: 10px}
.pl15 { padding-left: 15px} .pl20 { padding-left: 20px}
.pl25 { padding-left: 25px} .pl30 { padding-left: 30px}
.pl35 { padding-left: 35px} .pl40 { padding-left: 40px}
.pl45 { padding-left: 45px} .pl50 { padding-left: 50px}
/* float */
.floatN{ float: none}
.floatL{ float: left}
.floatR{ float: right}
/*text*/
.textR { text-align: right}
.textL { text-align: left}
.textC { text-align: center}
/*display*/
.hide{ display:none}
.show{ display:block}
.inline{display:inline}
.block{display:block}
/*overflow*/
.ov_h{overflow:hidden}
/*background*/
.bg_000{background:#000;}
.bg_red{background:#red;}
.bg_fff{background:#fff;}
/* head 头部样式
--------------------------------------------------------------------*/
.header{
height:168px;
z-index:999;}
/* search 搜索样式
--------------------------------------------------------------------*/
.search{
background:url(../../images/search.gif) no-repeat left top;
height:29px;
}
.search input{
background:none;
border:none;
height:29px;
line-height:29px;
padding-left:10px;
}
.search a{
display:block;
height:29px;
}
.search a:hover{
text-decoration:none;
}
/* picScroll-left 样式
--------------------------------------------------------------------*/
.picScroll-left{ width:330px; overflow:hidden; position:relative; }
.picScroll-left .hd{ overflow:hidden; height:15px;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; width:14px; height:14px; float:right; margin-right:5px; overflow:hidden;cursor:pointer; }
.picScroll-left .hd .next{ }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; zoom:1; }
.picScroll-left .hd ul li{ float:left; width:14px; height:14px; overflow:hidden; margin:1px 5px 0px 0px; text-indent:-999px; cursor:pointer; background:#ccc; }
.picScroll-left .hd ul li.on{ background:#1b5eb1;}
.picScroll-left .bd{ }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 4px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll-left .pic{ margin:0px;padding:0px; overflow:hidden; display:inline; width:90px;}
/*新闻列表
--------------------------------------------------------------------*/
.ind_news_list li{
border-bottom:1px dashed #ddd;
height:30px;
line-height:30px;
}
.ind_news_list li.first{
height:80px;
line-height:15px;
}
.ind_news_list li a.news_classify{
}
.ind_news_list li h4{
display:inline;
background:url(../../images/ico_1.gif) no-repeat left 4px;
padding-left:14px;
}
/*内页列表
--------------------------------------------------------------------*/
.news_list ul li.first{
height:160px;
line-height:15px;
}
.news_list ul li.first img{
height:120px;
}
/*资质荣誉列表
--------------------------------------------------------------------*/
.honor_list a img{
border:solid 1px #ccc;
}
.honor_img_01 a img{
width:200px;
}
.honor_img_02 a img{
width:160px;
}
/*首页产品列表图片
--------------------------------------------------------------------*/
.recommend ul li img{
width:90px;
height:90px;
}
.recommend ul li{
text-align:center;
}
/*内页产品列表图片
--------------------------------------------------------------------*/
.products_list .pro_info p{
line-height:22px;
}
.products_list .pic .Small img{
width:150px;
height:150px;
}
/*下载列表图片
--------------------------------------------------------------------*/
.download ul li .pic img{
width:110px;
height:110px;
}
/*友情链接列表图片
--------------------------------------------------------------------*/
.Links ul li img{
width:120px;
height:50px;
}
/*首页栏目模块
--------------------------------------------------------------------*/
.ind_about,.recommend,.ind_news{
height:150px;
overflow:hidden;
}
/*首页栏目模块
--------------------------------------------------------------------*/
.Sequence{
height:22px;
overflow:hidden;
}
/*招聘按钮
--------------------------------------------------------------------*/
.hr .b_wrap_1, .hr .b_wrap_1_s, .hr .b_wrap_2, .hr .b_wrap_2_s{
float:right;}
/*排序按钮
--------------------------------------------------------------------*/
.Sequence_r .b_wrap_1, .Sequence_r .b_wrap_1_s, .Sequence_r .b_wrap_2, .Sequence_r .b_wrap_2_s{
float:right;}
.main_ct {
width: 100%;
}
/*头部样式*/
.h-top {background-color: #d61e16;height:32px;margin:0px auto;text-align:right;font-family:Arial,"微软雅黑";font-size:14px;color:#fff;line-height:32px;}
.header {width:1100px;margin-left:auto;margin-right:auto;overflow:hidden;}
.header p {color:#ffffff;font-size:12px;line-height:30px;margin:0;padding:0;float: left;}
.fl {}
.top-right {float:right;width:835px;color:#ffffff;font-size:12px;}
.top-right a {display:inline;color:#ffffff;font-size:12px;margin-right:5px;line-height:30px;}
.h-con {padding:20px 0;width:1100px;margin:0 auto;}
.h-con img{height: 95px;}
.h-con h1 {float:left;height:100px;}
.logo {}
.h-bt {float:left;padding-left:24px;padding-top:26px;}
.h-tupe {}
.h-tup {float:right;margin-top:-6px;font-size:14px;color:#222;text-align:left;line-height:14px;padding-bottom:20px;}
.h-pho {float:right;margin-top:18px;font-size: 20px;color:#222;background:url(../images/phone.png) no-repeat left 2px;text-align:left;line-height:14px;padding-bottom:20px;padding-left:50px;}
.h-pho span {color:#222;font-size:24px;display:block;padding-top:14px;}
.nav-box {height:50px;background: #e81f16;/* border-bottom:3px solid #af000e;*/}
.nav {height:50px;color:white;width:1100px;margin:0 auto}
.nav ul {}
.nav ul li {float:left;width: 150px;height:50px;}
.nav ul li a {font-size:16px;color:white;line-height:50px;/* width:137px; */text-align:center;height:50px;display:block;}
.nav ul li a:hover,.nav_hov a {background: #751e00;}
.nav ul li.nav-angle {position:relative;}
.nav ul li.nav-angle ul,.sub-menu {position:absolute;z-index:99999;width: 150px;background-color: #353535;height:initial;display:none;}
.nav ul li.nav-angle ul li {float:inherit;}
.nav ul li.nav-angle ul li a:hover {background:#E50012;}
.n-cur {background:#751e00;}
.header {/* width: 100%; */}
.container {
width: 1100px;
margin: 0 auto;
}
.header_top {
width: 100%;
height: 60px;
line-height: 60px;
display: block;
background: #cb142a;
}
.header_top ul {
float: right;
}
.header_top ul li {
float: left;
margin-left: 30px;
}
.header_top ul li a {
display: block;
color: #fff;
font-family: "微软雅黑", "黑体";
font-size: 24px;
padding-left: 48px;
position: relative;
line-height:60px;
}
.header_top ul li a:hover {
color: #fff;
text-decoration: none;
}
.header_top ul li a.con1 {
background: url(../images/user_icon.png) no-repeat left center;
}
.header_top ul li a.con2 {
background: url(../images/phone_icon.png) no-repeat left center;
}
.header_top ul li a.con3 {background: url(../images/weixin_icon.png) no-repeat center;height: 60px;width: 100px;padding-left: 0px;}
.header_top ul li a.con3 img{ height:100px;}
.header_top ul li a.con3 span {
position: absolute;
left: -28px;
top: -60px;
z-index: 99999999999999;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.35s linear -1ms;
-moz-transition: all 0.35s linear -1ms;
-ms-transition: all 0.35s linear -1ms;
-o-transition: all 0.35s linear -1ms;
transition: all 0.35s linear -1ms;
}
.header_top ul li a.con3:hover span {
top: 60px;
-webkit-transition: all 0.35s linear -1ms;
-moz-transition: all 0.35s linear -1ms;
-ms-transition: all 0.35s linear -1ms;
-o-transition: all 0.35s linear -1ms;
transition: all 0.35s linear -1ms;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.header_bottom {
width: 100%;
height: 105px;
line-height: 105px;
}
/*.logo.grid_25 {
display: none;
}*/
/*首页关于我们*/
.index_about {
width: 100%;
padding-top: 80px;
}
.index_tl {
width: 100%;
text-align: center;
display: inline-block;
}
.index_about .ab_content {
width: 100%;
margin-top: 35px;
}
.index_about .ab_content p {
font-size: 16px;
color: #666;
line-height: 28px;
text-indent: 30px;
margin-bottom: 10px;
}
.index_about .ab_content .ind_2em {
text-indent: 2em;
}
.ind_more_btn {
float: right;
/*width: 120px;*/
height: 46px;
text-align: center;
margin-top: 40px;
}
.ind_more_btn a {
color: #cb142a;
border: 1px solid #cb142a;
font-size: 14px;
padding: 12px 30px;
}
.ind_more_btn a:hover {
background: #cb142a;
color: #fff;
text-decoration: none;
}
.index_about .ab_pic {
width: 100%;
display: block;
height: 332px;
padding-top: 30px;
}
.index_about .ab_pic .grid_53 {
float:right;
width: 530px;
height: 332px;
}
.index_about .ab_pic .grid_53 img{
display: block;
width: 100%;
height: 315px;
object-fit: cover;
}
/*首页产品*/
.index_products {
width: 100%;
padding-top: 80px;
}
.index_products .hasMoreTab {
width: 100%;
font-family: "Microsoft YaHei";
padding-top: 40px;
}
.index_products .hasMoreTab .hd {
line-height: 45px;
height: 45px;
position: relative;
width: 100%;
}
.index_products .hasMoreTab .hd ul {
z-index: 5;
height: auto;
overflow: hidden;
zoom: 1;
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 45px;
text-align: center;
}
.index_products .hasMoreTab .hd li {
/*float: left;*/
cursor: pointer;
width: 135px;
height: 45px;
background-color: #FFF;
font-size: 14px;
color: #333;
text-align: center;
padding: 0 20px;
display: inline-block;
}
.index_products .hasMoreTab .hd li.on a{ color:#fff;}
.index_products .hasMoreTab .hd li.on {
font-weight: bold;
height: 45px;
line-height: 45px;
font-weight: bold;
color: #FFF;
background-color: #cb142a;
font-family: "微软雅黑", "黑体";
font-size: 14px;
}
.index_products .hasMoreTab .bd {
clear: both;
position: relative;
margin-top: 20px;
width: 1100px;
}
/*.hasMoreTab .bd h2{ font-size:14px; }
.hasMoreTab .bd p{ color:#999; }
.hasMoreTab .bd p a{ color:#c00; }
.hasMoreTab .bd ul a{ color:#3E78B3; }*/
.index_products .conWrap {
height: auto;
}
.index_products .conWrap .con li {
float: left;
border: 1px solid #ddd;
margin: 20px 6px;
}
.index_products .mosaic-block {
position: relative;
overflow: hidden;
width: 260px;
height: 214px;/*-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
background-color: #000;
background-image: url(../images/progress.gif);
background-repeat: no-repeat;
background-position: center center;*/
}
.index_products .mosaic-block img {
width: 260px;
height: 214px;
}
.index_products .cp_name {
width: 260px;
height: 46px;
text-align: center;
background: #ddd;
line-height:46px;
}
.index_products .cp_name a {
width: 260px;
height: 46px;
line-height: 46px;
color: #333;
font-size: 14px;
}
.index_products li:hover .cp_name {
background: #cb142a;
color: #fff;
}
.index_products li:hover a {
color: #fff;
}
.index_products .cp_name a:hover {
color: #fff;
text-decoration: none;
}
/*首页案例*/
.index_case {
width: 100%;
margin-top: 60px;
background: url(../images/index_anli_bg.jpg) no-repeat;
height: 795px;
}
.index_case .case_content ul li {
position: relative;
width: 346px;
height: 208px;
overflow: hidden;
float: left;
padding: 10px;
webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
}
.index_case .case_content ul li a {
width: 346px;
height: 208px;
text-align: center;
position: absolute;
left: 10px;
top: 10px;
z-index: 999;
webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
background: url(../images/index_anli_lianjie_icon.png) no-repeat center -208px;
}
.index_case .case_content ul li a:hover {
text-decoration: none;
webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
background: url(../images/index_anli_lianjie_icon.png) no-repeat center 0px;
}
.index_case .case_content ul li a span {
/*display:none;*/
position: absolute;
top: -250px;
left: 0;
font-size: 16px;
color: #fff;
webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
}
.index_case .case_content ul li a:hover span {
top: 0;
display: block;
width: 346px;
color: #fff;
line-height: 285px;
webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
}
.index_case .case_content ul li img {
width: 346px;
height: 208px;
display: block;
}
.index_case .case_content ul li:hover img {
webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
}
.index_more {
/*width: 120px;*/
height: 46px;
text-align: center;
line-height: 45px;
padding-top: 50px;
margin: 0 auto;
}
.index_more a {
color: #cb142a;
border: 1px solid #cb142a;
font-size: 14px;
padding: 12px 26px;
}
.index_more a:hover {
text-decoration: none;
color: #fff;
background: #cb142a;
}
/*首页新闻*/
.index_news {
width: 100%;
}
.news_content {
width: 1100px;
margin: 0 auto;
}
.news_content li {
width: 530px;
padding: 10px;
height: 120px;
margin: 10px;
float: left;
border: 1px solid #ddd;
box-sizing: border-box;
background: #fff;
webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
}
.news_content li:hover {
background: #f0f0f0;
webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
-webkit-box-shadow: 0 0px 35px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 0px 35px rgba(0, 0, 0, .2);
-o-box-shadow: 0 0px 35px rgba(0, 0, 0, .2);
box-shadow: 0 0px 35px rgba(0, 0, 0, .2);
}
.index_news_time {
float: left;
width: 70px;
padding: 10px;
margin-top: 10px;
}
.index_news_time .h3 {
font-weight: normal;
color: #222;
font-size: 22px;
font-family: Arial, "Times New Roman";
}
.index_news_time p {
color: #888;
font-size: 14px;
font-family: Arial, "Times New Roman";
}
.index_news_info {
float: right;
width: 397px;
height: 85px;
overflow: hidden;
padding-left: 20px;
border-left: 1px solid #ddd;
}
.index_news_info .h2 a {
font-weight: normal;
color: #222;
font-size: 16px;
line-height: 36px;
}
.index_news_info .h2 a:hover {
text-decoration: underline;
color: #cb142a;
text-decoration: none;
}
.pb40 {
padding-bottom: 40px;
}
.pt30 {
padding-top: 30px;
}
.mt50 {
margin-top: 50px;
}
.index_news_info p {
height: 50px;
overflow: hidden;
color: #666;
font-size: 14px;
line-height: 20px;
}
/*底部样式*/
.footer {
width:100%;
}
.footer .ft_top {
width: 100%;
position: relative;
background: #1d1d1d;
height: 380px;
padding: 10px 0;
}
.footer .ft_top .ft_map {
width: 550px;
height: 280px;
float: left;
}
.footer .ft_top .ft_lianxi {
float: right;
width: 520px;
height: 280px;
}
.footer .ft_top .ft_lianxi h3 {
width: 90px;
height: 45px;
border-bottom: 2px solid #fff;
margin-bottom: 20px;
}
.footer .ft_top .ft_lianxi h3 a {
color: #fff;
font-size: 22px;
line-height: 40px;
}
.footer .ft_top .ft_lianxi p {
color: #fff;
font-size: 14px;
line-height: 28px;
}
.pb50 {
padding-bottom: 50px;
}
.pt50 {
padding-top: 50px;
}
.footer .ft_bottom {
width: 100%;
position: relative;
background: #000;
}
.footer .ft_bottom .ft_nav {
width: 100%;
}
.footer .ft_bottom .ft_nav ul {
margin: 0 auto;
text-align: center;
padding: 20px 0 10px 0;
}
.footer .ft_bottom .ft_nav ul li {
display: inline-block;
width:90px;
}
.footer .ft_bottom .ft_nav h3 {
font-size: 100%;
font-weight: normal;
font-size: 14px;
}
.footer .ft_bottom .ft_nav a {
font-size: 14px;
color: #999;
}
.footer .ft_bottom .ft_nav h3 a:hover {
text-decoration: none;
}
.footer .ft_bottom .ft_nav .m {
position: relative;
/*float: left;*/
display: inline-block;
width: 90px;
text-align: center;background: url(../images/ft_nav_xiantiao.png) center right no-repeat;line-height: 40px;
}
.footer .ft_bottom .copy {
width: 100%;
text-align: center;
padding-bottom: 30px;
}
.footer .ft_bottom .copy p {
display: inline-block;
font-size: 14px;
color: #999;
line-height: 22px;
}
.footer .ft_bottom .copy p a {
font-size: 14px;
color: #999;
}
/*关于我们*/
.main {
width: 100%;
}
/*.public_1col{
width:1100px;
margin:0 auto;
position:relative;
}*/
.main_right .rt_cont {
padding-top: 20px;
}
/*在线留言*/
.ind_10 {
text-indent: 10px;
}
.main_right .msg_left {
width: 390px;
height: 408px;
overflow: hidden;
}
/*工程案例*/
.main_right .rt_cont ul.case_list li {
position: relative;
width: 405px;
height: 243px;
overflow: hidden;
float: left;
padding: 0px 15px 15px;
webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
}
.main_right .rt_cont ul.case_list li a {
width: 405px;
height: 243px;
text-align: center;
position: absolute;
left: 15px;
top: 15px;
z-index: 999;
webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
background: url(../images/anli_lianjie_icon.png) no-repeat center -243px;
}
.main_right .rt_cont ul.case_list li a:hover {
text-decoration: none;
webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
background: url(../images/anli_lianjie_icon.png) no-repeat center 0px;
}
.main_right .rt_cont ul.case_list li a span {
/*display:none;*/
position: absolute;
top: -250px;
left: 0;
font-size: 16px;
color: #fff;
webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
}
.main_right .rt_cont ul.case_list li a:hover span {
top: 0;
display: block;
width: 405px;
color: #fff;
line-height: 320px;
webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
}
.main_right .rt_cont ul.case_list li img {
width: 405px;
height: 243px;
object-fit: cover;
display: block;
}
.main_right .rt_cont ul.case_list li:hover img {
webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
}
.main_right .rt_cont h4 {
font-size: 16px;
color: #333;
}
/*新闻列表*/
.main_right .rt_cont .news_list {
width: 100%;
}
.main_right .rt_cont ul.news_list li {
width: 100%;
display: block;
height: 164px;
float: left;
padding-bottom: 25px;
}
.main_right .rt_cont ul.news_list li .news_lt {
width: 250px;
height: 164px;
float: left;
overflow: hidden;
border: 1px solid #ddd;
}
.main_right .rt_cont ul.news_list li .news_lt a {
width: 250px;
height: 164px;
}
.main_right .rt_cont ul.news_list li .news_lt a img {
width: 250px;
height: 164px;
-webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
}
.main_right .rt_cont ul.news_list li .news_lt a:hover img {
-webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
overflow: hidden;
z-index: 999;
}
.main_right .rt_cont ul.news_list li .news_rt {
float: right;
width: 600px;
height: 164px;
/*padding-left: 23px;*/
position: relative;
}
.main_right .rt_cont ul.news_list li .news_rt h3 {
line-height: 36px;
font-size: 16px;
color: #333;
}
.main_right .rt_cont li .news_rt h3 a:hover {
color: #cb142a;
text-decoration: none;
}
.main_right .rt_cont ul.news_list li .news_rt p {
color: #666;
font-size: 14px;
line-height: 24px;
}
.main_right .rt_cont ul.news_list li .news_rt span {
color: #999;
font-size: 14px;
line-height: 40px;
position: absolute;
bottom: 0;
}
/*内页产品*/
.main_right .rt_cont .pro_list li {
float: left;
border: 1px solid #ddd;
margin:0px 14px 20px;
}
.main_right .rt_cont .pro_list .mosaic-block {
position: relative;
overflow: hidden;
width: 260px;
height: 214px;/*-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
background-color: #000;
background-image: url(../images/progress.gif);
background-repeat: no-repeat;
background-position: center center;*/
}
.main_right .rt_cont .pro_list .mosaic-block img {
width: 260px;
height: 214px;
}
.main_right .rt_cont .pro_list .cp_name {
width: 260px;
height: 46px;
text-align: center;
background: #ddd;
color: #333;
font-size: 14px;
line-height: 46px;
}
.paging{ text-align:center;}
.main_right .rt_cont .pro_list .cp_name a {
width: 260px;
height: 46px;
}
.main_right .rt_cont .pro_list li:hover .cp_name {
background: #cb142a;
color: #fff;
}
.main_right .rt_cont .pro_list li:hover a {
color: #fff;
}
.main_right .rt_cont .pro_list .cp_name a:hover {
color: #fff;
text-decoration: none;
}
/*穗星形象首页设计*/
.suixing_header {
width: 1920px;
margin-left: -960px;
left: 50%;
position: relative;
}
/*穗星关于我们*/
.container_jz{
width:1220px;
margin:0 auto;
}
.main .suixing_about {
width: 100%;
position: relative;
margin-top: 80px;
}
.main .suixing_about .scrollBox {
width: 1100px;
padding:10px 60px;
position: relative;
}
.main .suixing_about .scrollBox .piclist {
overflow: hidden;
zoom: 1;
}
.main .suixing_about .scrollBox .ohbox {
overflow: hidden;
position: relative;
width: 1100px;
/*left: 60px;*/
}
.main .suixing_about .scrollBox {
position: relative;
overflow: hidden;
zoom: 1;
}
.main .suixing_about .scrollBox .piclist li {
float: left;
display: inline;
width: 1100px;
background: #fff;/*border: 1px solid #c9bea9;
margin-right: 10px;
padding: 5px;*/
}
.main .suixing_about .scrollBox .piclist li .about_lf_pic {
width: 465px;
height: 460px;
height: auto;
float: left;
}
.main .suixing_about .scrollBox .piclist li .about_lf_pic img {
width: 465px;
height: 460px;
}
.main .suixing_about .scrollBox .piclist li .about_rt_box {
width: 635px;
height: 460px;
float: right;
}
.main .suixing_about .scrollBox .piclist li .about_rt_cont {
width: 610px;
height: 400px;
background: #f1f1f1;
margin-top: 30px;
padding-left: 25px;
}
.main .suixing_about .scrollBox .about_rt_cont .ab_title {
display: block;
padding: 30px 25px 30px 0;
}
.main .suixing_about .scrollBox .about_rt_cont .ab_title h2 {
width: 112px;
font-size: 22px;
color: #013f91;
line-height: 40px;
border-bottom: 2px solid #013f91;
}
.main .suixing_about .scrollBox .about_rt_cont .ab_cont {
width: 585px;
height: 258px;
overflow-y: auto;
}
.main .suixing_about .scrollBox .about_rt_cont .ab_cont p {
font-size: 14px;
color: #333;
line-height: 30px;
}
.main .suixing_about .scrollBox .pageBtn span {
display: block;
width: 30px;
height: 330px;
position: absolute;
top: 72px;
cursor: pointer;
text-indent: -999em;
overflow: hidden;
}
.main .suixing_about .scrollBox .pageBtn .prev {
background:url(../images/suixing_gsjj_prev.png) no-repeat 0px center;
left: 0px;
/*background-position: -11px -84px;*/
}
.main .suixing_about .scrollBox .pageBtn .next {
background:url(../images/suixing_gsjj_next.png) no-repeat 0px center;
right: 0px;
/*background-position: -53px -84px;*/
}
.main .suixing_about .scrollBox .pageBtn .list {
overflow: hidden;
zoom: 1;
width: 100%;
text-align: center;
margin:40px 0;
}
.main .suixing_about .scrollBox .pageBtn .list li {
display: inline-block;
width: 15px;
height: 15px;
cursor: pointer;
line-height: 10000px;
overflow: hidden;
background: #aaa;
border-radius: 15px;
margin-left: 10px;
}
.main .suixing_about .scrollBox .pageBtn .list li.on {
background-position: -114px -57px;
background: #013f91;
}
/*穗星产品展示*/
.main .suixing_product{
width:100%;
padding-top:80px;
padding-bottom:80px;
}
.main .suixing_product .suixing_index_tl{
width:100%;
display:block;
position:relative;
text-align:center;
}
.main .suixing_product .suixing_index_tl h1{
font-size:36px;
color:#333;
line-height:80px;
font-weight:normal;
}
.main .suixing_product .suixing_index_tl span{
font-size:14px;
color:#333;
line-height:22px;
}
.suixing_product .suixing_pro .hasMoreTab {
width: 100%;
font-family: "Microsoft YaHei";
padding-top: 40px;
}
.suixing_product .suixing_pro .hasMoreTab .hd {
border-top:2px solid #013f91;
line-height: 45px;
height: 56px;
position: relative;
width: 100%;
}
.suixing_product .suixing_pro .hasMoreTab .hd ul {
z-index: 5;
height: auto;
overflow: hidden;
zoom: 1;
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 56px;
text-align: center;
}
.suixing_product .suixing_pro .hasMoreTab .hd li {
cursor: pointer;
width: 102px;
height: 46px;
border: 5px solid #fff;
font-size: 14px;
color: #FFF;
background-color: #013f91;
text-align: center;
padding: 0 20px;
display: inline-block;
}
.suixing_product .suixing_pro .hasMoreTab .hd li.on {
color: #333;
background-color: #FFF;
height: 45px;
line-height: 45px;
font-family: "微软雅黑", "黑体";
font-size: 14px;
}
.suixing_product .suixing_pro .hasMoreTab .bd {
clear: both;
position: relative;
margin-top: 20px;
width: 1100px;
}
.suixing_product .suixing_pro .conWrap {
height: auto;
}
.suixing_product .suixing_pro .conWrap .con li {
float: left;
border: 1px solid #ddd;
margin: 20px 6px;
}
.suixing_product .suixing_pro .mosaic-block {
position: relative;
overflow: hidden;
width: 260px;
height: 214px;
}
.suixing_product .suixing_pro .mosaic-block a img {
width: 260px;
height: 214px;
}
.suixing_product .suixing_pro .cp_name {
width: 260px;
height: 46px;
text-align: center;
background: #ddd;
}
.suixing_product .suixing_pro .cp_name a {
width: 260px;
height: 46px;
line-height: 46px;
color: #333;
font-size: 14px;
}
.suixing_product .suixing_pro li:hover .cp_name {
background: #013f91;
color: #fff;
}
.suixing_product .suixing_pro li:hover a {
color: #fff;
}
.suixing_product .suixing_pro .cp_name a:hover {
color: #fff;
text-decoration: none;
}
/*穗星荣誉证书*/
.main .suixing_honor{
width:100%;
background:url(../images/suixing_zs_bg.png) repeat-x;
padding-top:80px;
padding-bottom:50px;
}
.main .suixing_honor .suixing_index_tl{
width:100%;
display:block;
position:relative;
text-align:center;
}
.main .suixing_honor .suixing_index_tl h1{
font-size:36px;
color:#fff;
line-height:80px;
font-weight:normal;
}
.main .suixing_honor .suixing_index_tl span{
font-size:14px;
color:#fff;
line-height:22px;
}
.main .suixing_honor .hd_coop {
width: 1920px;
margin-left: -960px;
left: 50%;
position: relative;
/*background-color: #ffffff;*/
}
.main .suixing_honor .ladyScrollAuto {
width: 1100px;
margin: 0 auto;
position: relative;
}
.main .suixing_honor .ladyScrollAuto .scrollWrap {
width: 1100px;
padding: 80px 0;
overflow: hidden;/*position:absolute;*/
margin: 0 auto;
}
.main .suixing_honor .ladyScrollAuto dl {
float: left;
width: 180px;
height: 254px;
text-align: center;
position: relative;
overflow: hidden;
padding: 0 20px;
}
.main .suixing_honor .ladyScrollAuto dt {
margin: 0 auto;
width: 180px;
overflow: hidden;
border:1px solid #999;
}
.main .suixing_honor .ladyScrollAuto img {
display: block;
width: 180px;
height: 252px;
}
/*穗星合作伙伴*/
.main .hz_pic .hd_coop {
width: 1920px;
margin-left: -960px;
left: 50%;
position: relative;
/*background-color: #ffffff;*/
}
.main .hz_pic .ladyScroll {
width: 1100px;
margin: 0 auto;
position: relative;
}
.main .hz_pic .ladyScroll .prev {
width: 30px;
height: 30px;
position: absolute;
top: 75px;
left: 0;
z-index: 100;
cursor: pointer;
background:url(../images/suixing_prev.png) no-repeat;
}
.main .hz_pic .ladyScroll .next{
width: 30px;
height: 30px;
position: absolute;
top: 75px;
left: 0;
z-index: 100;
cursor: pointer;
background:url(../images/suixing_next.png) no-repeat;
}
.main .hz_pic .ladyScroll .next {
left: auto;
right: 0;
}
.main .hz_pic .ladyScroll .scrollWrap {
width: 980px;
padding: 40px 0;
overflow: hidden;/*position:absolute;*/
margin: 0 auto;
}
.main .hz_pic .ladyScroll dl {
float: left;
width: 218px;
height: 96px;
text-align: center;
position: relative;
overflow: hidden;
padding: 0 20px;
}
.main .hz_pic .ladyScroll dt {
margin: 0 auto;
width: 218px;
overflow: hidden;
}
.main .hz_pic .ladyScroll img {
display: block;
width: 218px;
height: 96px;
}
.main .hz_pic .ladyScroll dl:hover span {
width: 218px;
height: 96px;
background: #B52153;
}
.page_banner{ width:100%; height:350px;}
.classify{
position:relative;
margin-top:15px;
}
.classify h3{
text-align: left;
text-indent:30px;
font-size: 28px;
color: #fff;
font-weight: normal;
height: 102px;
line-height: 102px;
background:#bf1a3a;
margin-bottom:1px;
}
.classify li{
width:100%;
border-bottom:1px solid #ddd;
line-height:50px;
position:relative;
}
.classify li a{
position:relative;
display:block;
text-indent:30px;
}
.classify li a:hover{
color:#fff;
text-decoration:none;
background:#bf1a3a;
}
.classify ul li{
font-size:16px;
background:#fff;
border-bottom:1px solid #ddd;
/*background:url(../images/list_li.gif) no-repeat left 0px;*/
}
.classify ul li.current{
background:#bf1a3a;
color:#fff;
/*background:url(../images/list_li.gif) no-repeat -200px 0px;
border:1px solid #1b5eb1;*/
}
.classify ul li.current a{ color:#fff;}
.classify ul li.current a.cur:link,.classify li.current a.cur:visited{
color:#fff;
}
/*浜岀骇*/
.classify ul li .child{
position:relative;
top:0px;
left:0px;
width:100%;
height:auto;
overflow:hidden;
}
.classify ul li .child ul li{
border-bottom:1px solid #fff;
border:none;
*background:#f9f9f9;
_background:#f9f9f9;
}
.classify ul li .child ul li a{
background:#f9f9f9;
border-bottom:1px solid #F5F5F5;
*display:inline-block;
_display:inline-block;
_height:24px;
_margin-top:2px;
}
/*绠ご*/
.classify li .arrow{
position:absolute;
width:30px;
height:30px;
top:0px;
right:0px;
cursor:pointer;
}
.classify li .arrow a{
display:block;
width:30px;
height:30px;
}
.classify li .arr_01 a{
background:url(../images/ico_1.gif) no-repeat center center;
}
.classify .current .arr_01 a{
background:url(../images/ico_1_w.gif) no-repeat center center;
}
.classify li .arr_01 a:hover{
background:url(../images/ico_3_w.gif) #1b5eb1 no-repeat center center;
}
.classify li .on a{
background:url(../images/ico_2_w.gif) #1b5eb1 no-repeat center center;
}
.classify li .on a:hover{
background:url(../images/ico_2_w.gif) #1b5eb1 no-repeat center center;
}
.classify .current .on a{
background:url(../images/ico_2_w.gif) #1b5eb1 no-repeat center center;
}
.alltitle {
border-bottom: 1px solid #d2d2d2;
height: 30px;
line-height: 30px;
color: #7c7c7c; margin-top: 20px;
}
.prolist{
border: 1px solid #ddd;
border-top: none;
}
.products_detail {
width: 100%;
}
.content {
width: 100%;
overflow: hidden;
margin-bottom: 30px;
}
.detail {
width: 100%;
overflow: hidden;
margin-bottom: 30px;
}
.other {/*浜у搧閾炬帴鏍锋牱寮�*/
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
.other {
line-height: 30px;
}
.products_detail_left {
width: 420px;/*璇︾粏澶у浘瀹藉害*/
float: left;
}
.products_detail_right {
width: 420px;/*鍙傛暟灞炴€�*/
float: right;
height: 422px;
overflow: hidden;
}
.pic_info_content ul li{
line-height:26px;}
.pic_zoom {
position: relative;
height: 346px;/*澶у浘楂樺害*/
margin-bottom: 10px;
z-index: 99;
}
.pic_zoom img {
position: absolute;
right: 0px;
bottom: 0px;
width: 418px;
height:344px;
border: 1px solid #ddd;
}
.pic_zoom .zoom_icon {
position: absolute;
width: 20px;
height: 20px;
right: 1px;
bottom: 1px;
background: url(../images/Gui.gif) no-repeat 0px -220px;
}
.pic_zoom span img {
width: auto;
height:auto;
}
.pic_list {
width: 100%;
height: 56px;/*灏忓浘鍒楄〃楂樺害*/
position:relative;
margin:10px 0;
}
.pic_list .pic_list_content {
width: 350px;/*灏忓浘鍒楄〃瀹藉害*/
height: 56px;
margin-left:5px;
float: left;
overflow:hidden;
}
.pic_list .pic_list_content ul {
}
.pic_list ul li {
width: 90px;
height: 56px;
float: left;
overflow:hidden;
}
.pic_list ul li a{
display:block;
border: solid 2px #dcdcdc;
padding: 1px;
background: #fff;
width: 75px;/*灏忓浘鏄剧ず瀹藉害*/
height: 50px;
margin:0px;
opacity:0.8;
-moz-opacity:0.8;
-khtml-opacity:0.8;
filter:alpha(Opacity=80);
}
.pic_list ul li a:hover{
border: solid 2px #cb142a;
opacity:10.0;
-moz-opacity:10.0;
-khtml-opacity:10.0;
filter:alpha(Opacity=100);
}
.pic_list ul li img{
width: 62px;/*灏忓浘鏄剧ず瀹藉害*/
height: 50px;
}
.pic_list ul li a.current{
border: solid 2px #cb142a;/*灏忓浘褰撳墠鍋滅暀杈规*/
opacity:10.0;
-moz-opacity:10.0;
-khtml-opacity:10.0;
filter:alpha(Opacity=100);
}
.pic_list a {
display: block;
width: 20px;
height: 50px;
margin-top:3px;
}
.pic_list .prev {
float:left;
margin-right:10px;
background: url(../images/Gui.gif) no-repeat 0px -120px;/*宸︾澶磋儗鏅�*/
}
.pic_list .next {
float:right;
background: url(../images/Gui.gif) no-repeat 0px -170px;/*宸︾澶磋儗鏅�*/
}
.pic_info ul li {/*鍙傛暟灞炴€ф枃瀛楁牱寮�*/
display: inline-block;
width: 100%;
margin-bottom: 8px;
}
.pic_info ul .name {
}
.pic_info ul li span {
vertical-align: top;
}
.color a, .color a:link, .color a:visited, .color a:hover{/*棰滆壊*/
border:solid 1px #CCC;
background:#fff;
padding:0px 5px 0px 5px;
font-style:normal;
color:#fff;
display:inline-block;
/*鏍峰紡闅愯棌瓒呴摼鎺�*/
text-decoration:none;
cursor:default;
}
.main_right .products_detail_right h1{
font-size:22px;
color:#000;
font-weight:normal;
line-height:40px;
padding-bottom:10px;
}
.main_right .products_detail_right h5{
font-size:14px;
color:#333;
line-height:40px;
font-weight:bold;
}
.main_right .products_detail_right h5 p{
font-size:14px;
color:#333;
line-height:22px;
font-weight:normal;
}
.main_right .detail .pro_dt_title{
padding-top: 10px;
background:url(../images/pro_dt_title_bg.png) left bottom no-repeat;
}
.main_right .detail .pro_dt_title h3{
font-size:18px;
color:#cb142a;
line-height:40px;
}